html body {width: 100%; height: 100%; margin: 0; padding: 0; font-size: 20px;}
button {width: 100px; height: 30px; font-size: 18px;}
input {width: 210px; height: 25px; padding-left: 10px;}

#main{ position: absolute; width: 100%; height: 100%; }
#main #left{background-color: #dcdcdc; position: absolute; border-right: 1px solid; width: 199px; height: 100%; float: left;}
/* #main #left #entryBox ul {margin: 0; padding-left:20px;} */
/* #main #left #entryBox span {height: 40px; line-height: 40px;} */
#main #right{margin-left: 200px; position: relative; width: 800px; height: 100%; float: left;}
#main #right #editor{width: 100%; height: 650px;}
#main #right #editor textarea{margin: 0; width:790px; height: 100%; line-height: 20px; resize: none; border: 0; padding: 0 5px 0 5px; font-size: 18px;}
#main #right #bar{bottom: 0; position: absolute; width: 100%; height: 49px; border-top: 1px solid; display: flex; align-items: center;}
#main #right #bar #hostsBtn{margin-left: 20px; cursor: pointer;}
#main #right #bar #saveBtn{margin-left: 20px; cursor: pointer;}

#addBtn{float:right; cursor: pointer; font-weight: bolder; margin-right:5px;}

/* .active{float:right; cursor: pointer; margin-right:10px;
border-color: #009933; border-style: solid;
border-width: 0 20px 20px 0; content: ""; transform: rotate(40deg);} */

.active {float:right;
    margin-top: 15px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: green;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
}
.inActive {float:right;
    margin-top: 10px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #999999;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
}

.naviPlain{display: block; padding-left: 10px; height:40px; line-height: 40px;}
.naviPlain span{width:40px; text-align: center;}

.navi{display: block; padding-left: 10px; cursor: pointer;}
.navi:hover{background-color: #a9a9a9;}
.naviChecked{background-color:  #a9a9a9; cursor: default;}

.naviH1{ height:40px; line-height: 40px; }
.naviH2{ height:40px; line-height: 40px; padding-left: 30px;}

#newHosts{
    display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5);
}
#newHosts #container{
    position: absolute; width: 300px; height: 200px;
    left: 0; right: 0; top: 0; bottom: 0; margin: auto;
    padding-left: 20px;
    background-color: #fff;
}
/* #container:nth-child(0){} */
/* #container :nth-child(1){ height: 40px; } */
#container :nth-child(2){ margin-top: 20px; }
#btnCancel{ margin-left: 20px; }

#rightMenu{position: fixed; display: flex; left: 0; right: 0; width: 100px; height: auto; background-color: white;
    border: 1px solid;}
#rightMenu ul{list-style: none; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; width: 100%;}
#rightMenu ul li{ margin: 0; padding-left: 30px; line-height: 40px;}
#rightMenu ul li:hover{ margin: 0; padding-left: 30px; line-height: 40px; background-color: #a9a9a9; cursor: pointer;}